<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>职业路径</title>
    <link type="text/css" rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="__CSS__/zhiye.css">
    <script src="__JS__/jquery.min.js"></script>
    <script src="__JS__/bootstrap.min.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="container"style="background-color: black">
    <div class="row"  style="padding: 1rem;">
        <div class="col-xs-12" >
            <a href="{:url('Index/index')}"  style="font-size: 1rem;color:white;">
                <span style="font-size: 1rem" class="glyphicon glyphicon-tint"></span>在线学习
            </a>
            <div class="pull-right">
            </div>
        </div>
    </div>
</div>

<!--title开始-->
<div class="container ">
    <div class="row " style="padding: 0.5rem;" >
        <a class=" col-xs-2 col-xs-offset-1 btn " style="padding:0.2rem;font-size: 0.2rem;" href="{:url('Index/index')}">
            <div class="btn" style="background-color: #0a6aa1;color: white " href="">首页<br>
                <span class="glyphicon glyphicon-th-list"></span></div>
        </a>
        <a class=" col-xs-2 btn  " style="padding:0.2rem;font-size: 0.2rem;" href="{:url('Curriculum/index')}">
            <div class="btn" style="background-color: #0a6aa1 ;color: white " href="">课程<br>
                <span class="glyphicon glyphicon-th-list"></span></div>
        </a>
        <a class=" col-xs-2 btn  " style="padding:0.2rem;font-size: 0.2rem;" href="{:url('ActualCombat/index')}">
            <div class="btn" style="background-color: #0a6aa1 ;color: white " href="">实战<br>
                <span class="glyphicon glyphicon-th-list"></span></div>
        </a>
        <a class=" col-xs-2 btn  " style="padding:0.2rem;font-size: 0.2rem;" href="{:url('Index/zhiye')}">
            <div class="btn" style="background-color: #0a6aa1; color: white " href="">路劲<br>
                <span class="glyphicon glyphicon-th-list"></span></div>
        </a>
        <a class=" col-xs-2 btn  " style="padding:0.2rem;font-size: 0.2rem;" href="{:url('Index/ask')}">
            <div class="btn" style="background-color: #0a6aa1;color: white " href="">猿问<br>
                <span class="glyphicon glyphicon-th-list"></span></div>
        </a>


    </div>


</div>
<!--title结束-->


<div class="container-fluid look_a">
    <div class="row">
        <div class="col-sm-12">
            <div class="text-center" style="background-color: white;">
                <h4 >迈向编程之路 成就职业梦想</h4>
                <p style="font-size: 1rem">
                    系统化学习/知识+案例讲解/学练测一体/1对1作业批改
                </p>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row text-center su">
        {volist name="user" id="value"}

            <div class="col-sm-2 col-xs-4 sm"  onclick="win('{$value.pid}')" style="border-bottom: 1px red solid;height: 100px;">
                <img  src="__IMAGES__/{$value.pimg}"><br><br>
               <small>{$value.pcontent}</small>
            </div>

        {/volist}
    </div>
</div>
<div class="container">
    <div class="row">
             {volist name="course" id="val"}
        <div class="col-sm-3 col-xs-6 module1" >
            <a href="{:url('Chapter/chaptershow')}?id={$val.id}">
                <div class="borders" >
                    <div class="text-center colortitle" style="background-image: url('__IMAGES__/su1.jpg')" ><strong>
                    </strong></div>
                    <div style=" font-size: 3px;height: 6rem;;padding:1rem;">
                        <p >{$val.introduce}</p>
                    </div>
                    <div style="padding: 0.2rem;">
               <span class="pull-left">难度：{$val.difficulty}</span>
                <span class="pull-right">￥{$val.charge} </span>
                    </div>
                </div>
            </a>
        </div>
            {/volist}
        </div>

    </div>

<br>
<div class="container-fluid" style="background-color: #000000">
    <div class="container">
    <div class="row">
        <div class="col-sm-12" style="margin-top: 20px;">
            <ul class="col-sm-12 row text-center" style="list-style-type: none;font-size: 10px;">
                <li class="col-sm-1 col-xs-4" style="color: white;">网站首页</li>
                <li class="col-sm-1 col-xs-4" style="color: white;">企业合作</li>
                <li class="col-sm-1 col-xs-4" style="color: white;">人才招聘</li>
                <li class="col-sm-1 col-xs-4" style="color: white;">联系我们</li>
                <li class="col-sm-1 col-xs-4" style="color: white;">讲师招募</li>
                <li class="col-sm-1 col-xs-4" style="color: white;">常见问题</li>
                <li class="col-sm-1 col-xs-4" style="color: white;">意见反馈</li>
                <li class="col-sm-1 col-xs-4" style="color: white;">慕课大学</li>
                <li class="col-sm-1 col-xs-4"></li><br><br>
                <div class="col-sm-6 text-center" style="color: white;">
                            Copyright © 2017 imooc.com All Rights Reserved | 京ICP备 13046642号-2
                </div>
                <div class="col-sm-6 text-right" style="color: white;">
                    <img src="__IMAGES__/pic.png">
                    <img src="__IMAGES__/pic1.png">
                    <img src="__IMAGES__/pic2.png">
                </div>
            </ul>
        </div>
    </div>
    </div>
</div>
</body>
</html>
<script>
    function  win(id) {

        window.location.href="{:url('Index/zhiye')}?picture_id="+id
    }



</script>
